forum

home / developersection / forums / hot to use ajax.beginform with asp.net mvc 3 razor?

Ask Question

Hot to use Ajax.BeginForm with ASP.NET MVC 3 Razor?

Anonymous User 2020 29-Oct-2014
Is there a tutorial or code example of using Ajax.BeginForm within Asp.net MVC 3 where unobtrusive validation and Ajax exist?
asp.net mvc asp.net mvc  mvc4 
Updated on 29-Oct-2014
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Norman Reedus

Norman Reedus

29-Oct-2014
Model:

public class MyViewModel
{
     [Required]
     public string Foo { get; set; }
}

Controller:

public class HomeController : Controller
{
     public ActionResult Index()
     {
          return View(new MyViewModel());
     }
 
     [HttpPost]
      public ActionResult
Index(MyViewModel model)
      {
           return Content("Thanks", "text/html");
      }
 }

View:

@model
AppName.Models.MyViewModel
 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
 
<div id="result"></div>
 
@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "result" }))
{
    @Html.EditorFor(x => x.Foo)
    @Html.ValidationMessageFor(x => x.Foo)
    <input type="submit" value="OK" />
}

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy